﻿
<script type="text/javascript" src="__PUBLIC__/style/yejin/float/float.js" charset="utf-8"></script>
<script type="text/javascript" src="__PUBLIC__/style/yejin/float/entry.js" charset="utf-8"></script>
<!-- 代码部分begin -->
<script type="text/javascript" src="__PUBLIC__/style/yejin/float/sfmess/scripts/buildnormal.js" charset="utf-8"></script>

<style>
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

@charset "utf-8";
/* CSS Document */

#SfMessWrap{width:209px;text-align:center;position:absolute; z-index:9999}

#SfMessHead{
	background:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/bg.gif);
	height:26px;
	text-indent:6px;
	font-size:12px;
	color:#fefdfd;
	text-align:left;
	cursor:pointer;
}
#SfMessHead #SfMessTitle{float:left;line-height:20px;margin-top:6px;}
#SfMessHeadIcon{
	float:right;
	width:20px;
	height:19px;
	background-image:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/icon.gif);
	margin:5px 5px 0 0;
}
.SfMessIconOpen{background-position:top;}
.SfMessIconClose{background-position:bottom;}

#SfMessBody{width:100%;font-size:12px;}
#SfMessBodyTop{display:none;}
#SfMessBodyMid #SfMessTipmessage{padding-left:8px;line-height:20px;margin:0;
	display:block;height:20px;background:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/bg.gif) 0 -26px;color:#755240;}
#SfMessBodyMid{
	width:209px;
	text-align:left;
	background:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/bg.gif) right repeat-y;
	padding-bottom:5px;
}

#SfMessBodyMid input {
	border:0;
	color:#a39890;
	width:164px;
	height:17px;
	background:none;
	font-size:12px;
	padding:0;
}

#SfMessBodyMid textarea {
	width:185px;
	height:78px;
	border:1px solid #e4e4e4;
	overflow:hidden;
	background:#fff;
	font-size:12px;
	color:#a39890;
}

#SfMessBodyMid div {
	margin:5px 0 0 9px;
	height:21px;
}
#SfMessBodyMid .message {
	display:inline;
}
#SfMessBodyMid input { width:190px; border:1px solid #ccc; text-indent:.5em }

#SfMessBodyBottom{
	margin:0;
	width:209px;
	height:42px;
	background:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/bg.gif) 0 bottom no-repeat;
}

#SfMessSubmit{
	background:url(__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/send.gif) no-repeat;
	color:#fff;
	width:66px;
	height:19px;
	border:0;
	float:left;
	margin:9px 0 0 11px;
}

#SfMessCopy{
	float:right;
	margin:12px 2px 0 0;
	line-height:14px;
	font-size:12px;
	color:#754641;
	padding-right:10px;
}

.SfMessTip{display:none;}
#SfMessBodyFoot{display:none;}

</style>
<div class="side">
	<ul>
	  <li><a href="#"><div class="sidebox"><img src="__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/side_icon02.png">成功案例</div></a></li>
	  <li><a href="javascript:void(0);" ><div class="sidebox"><img src="__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/side_icon04.png">QQ客服</div></a></li>
	  <li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="__PUBLIC__/style/yejin/float/themes/luxury/black/imgs/side_icon05.png"></a></li>
  </ul>
</div>
<script src="__PUBLIC__/style/yejin/float/jquery.min.js"></script>	
<script>
$(function(){
	$(".side ul li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})	
	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})	
	});
});
//回到顶部函数
function goTop(){
	$('html,body').animate({'scrollTop':0},300);
}
</script>
<!-- 代码部分end -->


